<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="maoyan.css">
</head>
<body>
	<div class="top">
		<div class="centent clearfix">
			<a href="#" class="logo-a"></a>
			<div class="city-1">
				<div class="city">咸阳</div>
				<span class="jiantou"></span>
			</div>
			<ul class="top-ul">
				<li><a href="index.html">首页</a></li>
				<li class="dianji"><a href="movie.html">电影</a></li>
				<li><a href="#">影院</a></li>
				<li><a href="topList.html">榜单</a></li>
				<li><a href="#">热点</a></li>
				<li><a href="#">商城</a></li>
			</ul>
			<div class="app-down"><a href="#"><span class="phone"></span>APP下载<span class="jiantou"></span></a></div>
			<div class="top-susuo">
				<input type="text" class="susuo" placeholder="找影视剧、影人、影院">
				<input type="submit" value class="submit">
			</div>
			<div class="user">
				<div class="up">
					<img src="images/up.png" alt="" class="up-img">
					<span class="jiantou"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="title">
		<div class="centent">
			<ul class="sortlist clearfix">
				<li class="sort">正在热映</li>
				<li class="sort">即将上映</li>
				<li class="sort">经典影片</li>
			</ul>
		</div>
	</div>
	<div class="sortbody">
		<div class="centent">
			<div class="sort-top clearfix">
				<ul>
					<li class="sort1">
						<span class="type">类型：</span>
						<ol class="type-sort clearfix">
							<li class="show"><a href="#">全部</a></li>
							<li><a href="#">喜剧</a></li>
							<li><a href="#">动画</a></li>
							<li><a href="#">剧情</a></li>
							<li><a href="#">恐怖</a></li>
							<li><a href="#">惊悚</a></li>
							<li><a href="#">科幻</a></li>
							<li><a href="#">动作</a></li>
							<li><a href="#">悬疑</a></li>
							<li><a href="#">犯罪</a></li>
							<li><a href="#">冒险</a></li>
							<li><a href="#">战争</a></li>
							<li><a href="#">奇幻</a></li>
							<li><a href="#">运动</a></li>
							<li><a href="#">家庭</a></li>
							<li><a href="#">古装</a></li>
							<li><a href="#">武侠</a></li>
							<li><a href="#">西部</a></li>
							<li><a href="#">历史</a></li>
							<li><a href="#">传记</a></li>
							<li><a href="#">歌舞</a></li>
							<li><a href="#">黑色电影</a></li>
							<li><a href="#">短片</a></li>
							<li><a href="#">纪录片</a></li>
							<li><a href="#">其他</a></li>
						</ol>
					</li>
					<li class="sort2">
						<span class="type">区域：</span>
						<ol class="type-sort clearfix">
							<li class="show"><a href="#">全部</a></li>
							<li><a href="#"> 大陆</a></li>
							<li><a href="#">美国</a></li>
							<li><a href="#">韩国</a></li>
							<li><a href="#">日本</a></li>
							<li><a href="#">中国香港</a></li>
							<li><a href="#">中国台湾</a></li>
							<li><a href="#">泰国</a></li>
							<li><a href="#">印度</a></li>
							<li><a href="#">法国</a></li>
							<li><a href="#">英国</a></li>
							<li><a href="#">俄罗斯</a></li>
							<li><a href="#">意大利</a></li>
							<li><a href="#">西班牙</a></li>
							<li><a href="#">德国</a></li>
							<li><a href="#">波兰</a></li>
							<li><a href="#">澳大利亚</a></li>
							<li><a href="#">伊朗</a></li>
							<li><a href="#">其他</a></li>
						</ol>
					</li>
					<li class="sort3">
						<span class="type">年代：</span>
						<ol class="type-sort clearfix">
							<li class="show"><a href="#">全部</a></li>
							<li><a href="#">2019以后</a></li>
							<li><a href="#">2019</a></li>
							<li><a href="#">2018</a></li>
							<li><a href="#">2017</a></li>
							<li><a href="#">2016</a></li>
							<li><a href="#">2015</a></li>
							<li><a href="#">2014</a></li>
							<li><a href="#">2013</a></li>
							<li><a href="#">2012</a></li>
							<li><a href="#">2011</a></li>
							<li><a href="#">2000-2010</a></li>
							<li><a href="#">90年代</a></li>
							<li><a href="#">80年代</a></li>
							<li><a href="#">70年代</a></li>
							<li><a href="#">更早</a></li>
						</ol>
					</li>
				</ul>
			</div>
			<div class="sort-count">
				<ul class="sort-list clearfix">
					<li><span class="xuandian no-xuan xuan"></span>按热门排序</li>
					<li><span class="xuandian no-xuan"></span>按时间排序</li>
					<li><span class="xuandian no-xuan"></span>按评价排序</li>
				</ul>
				<ol class="body-list clearfix">
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
					<li><img src="https://p1.meituan.net/movie/b8a625614c1d401d9cd170b092230ae01516197.jpg@160w_220h_1e_1c" alt=""><a href="#">地久天长</a><i class="da">8.</i><i class="xiao">9</i></li>
				</ol>
			</div>
		</div>
	</div>
	<div class="end">
		<div class="centent">
			<p>关于猫眼：<a href="#">关于我们</a>|<a href="#" title="">管理团队</a>|<a href="#" title="">投资者关系</a> 友情链接：<a href="#">美团网</a>|<a href="#" title="">美团下载</a>|<a href="#" title="">欢喜首映</a></p>
			<p>商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息举报电话：4006018900 </p>
			<p>投诉举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com</p>
			<p>©2016 猫眼电影 maoyan.com 京ICP证160733号 京ICP备16022489号-1 京公网安备 11010102003232号 网络文化经营许可证 电子公告服务规则</p>
			<p>北京猫眼文化传媒有限公司</p>
		</div>
	</div>
	<script src="jquery.min.js"></script>
	<script>
		$(".xuandian").click(function(){
			$(".xuandian").removeClass("xuan")
			$(this).addClass("xuan")
		})
	</script>
</body>
</html>